import { findAllCategory } from '@/api/category'
// 首页头部假数据
import { topCategory } from '@/api/constants'

// 分类模块
export default {
  namespaced: true,
  state () {
    return {
      // 分类信息集合
      list: topCategory.map((item, index) => {
        // 改造首页头部假数据
        return {
          name: item,
          id: index
        }
      })
    }
  },
  mutations: {
    setList (state, data) {
      state.list = data
    },
    show (state, data) {
      // 显示
      const obj = state.list.find(item => item.id === data.id)
      obj.open = true
    },
    hide (state, data) {
      // 隐藏
      const obj = state.list.find(item => item.id === data.id)
      obj.open = false
    }
  },
  actions: {
    // 获取头部分类集合
    async findAllCategory (store, data) {
      const { result } = await findAllCategory()
      // 改造数据 新增一个显示影藏的数据 默认是隐藏
      store.commit('setList', result.map(item => ({ ...item, open: false })))
    }
  }
}
